import React, { Component } from 'react';
import { View, StyleSheet } from 'react-native';
import { List, InputItem } from 'antd-mobile-rn';
import { createForm } from 'rc-form';

import { getPixel } from '@/utils/tool';

class HelloWorldApp extends Component {
    constructor(props) {
        super(props)
    }

    componentDidMount() {

    }

    componentWillReceiveProp() {

    }

    handleClick = () => {

    }

    render() {
        return (
            <View style={styles.viewBox}>
                <List renderHeader={() => 'Not editable / Disabled'} style={styles.listBox}>
                    <InputItem
                    >姓名</InputItem>
                    <InputItem
                    >姓名</InputItem>
                </List>
            </View>
        );
    }
}

var styles = StyleSheet.create({
    viewBox: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
    },
    listBox: {
        width: getPixel(375)
    }
})

export default createForm()(HelloWorldApp)